<!DOCTYPE html>
<#import "/common/common.html" as common>
<html>
<head>
<@common.head title="基础权限框架-文件上传" keywords="" description="">
	<link rel="stylesheet" type="text/css" href="${basePath}/res/css/plugins/webuploader/webuploader.css">
	<link rel="stylesheet" type="text/css" href="${basePath}/res/css/demo/webuploader-demo.css">
</@common.head>
</head>
<body class="gray-bg">
	<div class="wrapper wrapper-content  animated fadeInRight">
		<div class="row">
			<div class="col-sm-12">
				<div class="ibox">
					<div class="ibox-content">
						<div class="clients-list">
							<ul class="nav nav-tabs" >
								<span class="pull-right small text-muted">1406 个客户</span>
								<li class="active"><a data-toggle="tab" href="#tab-1"><i
										class="fa fa-user"></i> 联系人</a></li>
								<li class=""><a data-toggle="tab" href="#tab-2"><i
										class="fa fa-briefcase"></i> 公司</a></li>
							</ul>
							<div class="tab-content">
								<div id="tab-1" class="tab-pane active">
									<div class="full-height-scroll">
										<div class="table-responsive">
											<table class="table table-striped table-hover">
												<tbody>
													<tr>
														<td class="client-avatar"><img alt="image"
															src="${basePath}/res/img/a2.jpg"></td>
														<td><a data-toggle="tab" href="#contact-1"
															class="client-link">袁岳</a></td>
														<td>瑞安市海诚机械有限公司</td>
														<td class="contact-type"><i class="fa fa-envelope">
														</i></td>
														<td>gravida@qq.com</td>
														<td class="client-status"><span
															class="label label-primary">已验证</span></td>
													</tr>
												</tbody>
											</table>
										</div>
									</div>
								</div>
								<div id="tab-2" class="tab-pane active">
									<div class="full-height-scroll">
										<div class="table-responsive">
											<div class="col-sm-12">
												<div id="uploader" class="wu-example">
													<div class="queueList">
														<div id="dndArea" class="placeholder">
															<div id="filePicker"></div>
															<p>或将照片拖到这里，单次最多可选300张</p>
														</div>
													</div>
													<div class="statusBar" style="display: none;">
														<div class="progress">
															<span class="text">0%</span> <span class="percentage"></span>
														</div>
														<div class="info"></div>
														<div class="btns">
															<div id="filePicker2"></div>
															<div class="uploadBtn">开始上传</div>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!-- Web Uploader -->
	<script type="text/javascript">
        // 添加全局站点信息
        var BASE_URL = '${basePath}/res/js/plugins/webuploader';
        var uploader;
    </script>
	<script src="${basePath}/res/js/plugins/webuploader/webuploader.min.js"></script>
	<script src="${basePath}/res/js/demo/webuploader-demo.js"></script>
	
	<script>
        $(function () {
            uploader.on('ready', function() {
                $("#tab-2").removeClass("active");
          	});
        });
        
    </script>

</body>

</html>